@charset "utf-8";
/* CSS Document */
/**
 * @description: 网站首页样式
 * @author: ishang_pan
 * @update: ishang_pan (2019-09-17 15:03)
 */

.m-tpxzadv{padding: 20px; background: #fff;display: flex;}
.m-tpxzadv .c-shine{width: 50%;padding-right: 10px;}
.m-tpxzadv>div:last-child{padding-left: 10px;}
/*home*/
.m-hot h1{padding: 7px 0; font-size: 32px; font-weight: bold; color: #cd0400;}
.m-hot p{padding: 5px 0; font-size: 14px; color: #808080; text-indent: 2em;}
.m-hot p a{color: #ff862d;}

.m-hmbox{padding-right: 15px; background: #f5f5f5;}
.m-ftadvs{height:146px;overflow:hidden;}

.g-flash,.g-flash img{height: 376px;}
.g-flash img{display: block; width: 100%;}
.g-flash .owl-item{position: relative;}
.g-flash .owl-item p{position: absolute; left: 0; right: 0; bottom: 0; padding: 0 120px 0 15px; height: 52px; line-height: 52px; overflow:hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; background: rgba(0,0,0,.5); color: #fff;}
.g-flash .owl-pagination{position: absolute; right: 15px; bottom: 21px;}
.g-flash .owl-pagination .owl-page{float: left; margin-left: 9px;}
.g-flash .owl-pagination .owl-page span{display: block; width: 10px; height: 10px; background: #fff; -moz-border-radius: 10px; border-radius: 10px;}
.g-flash .owl-pagination .active span{background: #ff862d;}

.g-news{margin-top: 15px;}
.g-news .m-tabstyle1 ul li{width:25%;text-align:center;}
.m-reprinttit{height: 38px; line-height: 38px;}
.m-reprinttit a{color: #f00; margin-right: 10px;}

.m-hmctad img{display: block; width: 100%; max-height: 179px;}

.m-notice{height: 328px; border: 1px solid #ddd;}
.m-notice ul{padding: 8px 14px;}

.m-datapub{height: 328px; border: 1px solid #ddd;}
.m-datatabs{padding: 16px 14px 0;}
.m-datatabs li{float: left; margin: 3px; width: 64px; height: 26px; line-height: 26px; text-align: center;}
.m-datatabs li a{display: block; background: #f0f6fa; font-weight: bold; font-size: 14px;}
.m-datatabs li.u-active a{background: #007bd9; color: #fff;}
.g-datapub{padding: 0 18px 14px;}
.g-datapub img{display: block; width: 100%; max-height: 208px; border-radius: 10px; border: 1px dashed #ddd;}

.u-hmstad img{display: block; width: 100%; height: 74px; border: 1px solid #ddd;}

.m-sdkbox{height: 384px; border: 1px solid #ddd;}
.g-sdkbox{padding: 9px 14px 15px;}

.m-openform{height: 42px;}
.u-opshtx{height: 42px; border-radius: 0;}
.u-opshbtn{right: 1px; top: 1px; width: 46px; height: 40px; line-height: 40px; background: none; font-size: 20px; color: #007bd9; border: none; font-weight: bold;}

.m-servicetype{margin-bottom: 8px; height: 38px;}
.m-servicetype ul{margin: 0 -4px;}
.m-servicetype li{float: left; /*width: 33.33%;*/width: 49.33%; padding: 0 4px; line-height: 38px; text-align: center;}
.m-servicetype li span{display: block; background: #f5f5f5; cursor: pointer;}
.m-servicetype li.u-active span{color: #007bd9;}
.m-serviceitem .item li{text-align: center;}
.m-serviceitem .item li a{display: block;}
.m-serviceitem .item li span{margin: 0 auto; display: block; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; border: 1px solid #ddd; font-size: 26px; color: #5db1f1; text-align: center; transition: .3s;}
.m-serviceitem .item li p{padding: 8px 0; font-size: 14px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-serviceitem .item li a:hover span{border-color: #5db1f1; transform: rotateZ(-30deg);}

.m-serviceitem .owl-controls{text-align: center;}
.m-serviceitem .owl-controls .owl-pagination{display: inline-block;}
.m-serviceitem .owl-controls .owl-page{float: left; width: 20px; height: 5px; margin: 0 6px; border-radius: 5px; background: #dbdbdb;}
.m-serviceitem .owl-controls .active{background: #4a7ee4;}

.m-servicebar li{height: 31px; line-height: 31px;}
.m-servicebar li a{display: block; font-size: 14px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}

.m-interlist{margin-bottom: 2px; height: 276px;}

.m-interbtns li{height: 64px;}
.m-interbtns a{display: block; line-height: 62px; border: 1px solid #adcfe9; background: #f0f6fa; transition: .3s;}
.m-interbtns span{margin-right: 12px; font-size: 26px; width: 26px; height: 26px; line-height: 26px; vertical-align: middle; color: #007bd9;}
.m-interbtns a:hover{background: #007bd9;}
.m-interbtns a:hover,.m-interbtns a:hover span{color: #fff;}

.m-hmstbox{padding: 6px 14px 15px; height: 334px; border: 1px solid #ddd;}

.m-openspecial li{margin-top: 9px; height: 75px;}
.m-openspecial li a{display: block; line-height: 73px; padding-left: 36px; border: 1px solid #adcfe9; border-radius: 6px; background: #f0f6fa; transition: .3s;}
.m-openspecial li a:hover{background: #007bd9; color: #fff;}

.m-peopleser .m-titstyle3{margin-bottom: 8px;}
.m-peopleser li{margin-top: 10px;}
.m-peopleser li a{display: block; padding: 11px 0 6px; background: #f5f5f5; border-radius: 6px;}
.m-peopleser li span{margin: 0 auto; display: block; width: 30px; height: 30px; line-height: 30px; font-size: 30px; color: #007bd9; transition: .5s;}
.m-peopleser li p{padding-top: 6px; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-peopleser li a:hover span{transform: rotateY(360deg);}

.m-onesurvey{height: 56px;}
.m-onesurvey .u-stas{left: 0; top: 0; line-height: 27px; width: 70px; border: 1px solid #ddd; border-radius: 6px; font-size: 12px;}
.m-onesurvey .u-stas .u-zt{background: #82bfed; color: #fff;}
.g-onesurvey{padding: 1px 0 0 83px; height: 54px; line-height: 27px; font-size: 15px; color: #999;}

.m-special{padding-bottom: 13px;}
.m-special .m-titstyle4{margin-bottom: 13px;}
.m-special .bd{height: 96px;}
.m-special .bd li{float: left; margin-right: 20px; width: 285px; height: 96px;}
.m-special .bd li img{display: block; width: 285px; height: 96px;}
.m-special .bd li .u-ztgd{width: 79px; height: 79px; right: 0; top: 0;}

.m-hotservice li{line-height: 30px; cursor: pointer;}

/*media query*/
/*large pcScreen*/
@media (min-width:1200px) {
	.m-flash{width: 594px;}
	.m-news{width: 604px;}

}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
    .m-hot h1{font-size: 24px;}
    .g-news .m-tabstyle1 li{text-align: center; width: 20%;}
    .g-news .m-tabstyle1 li a,.g-news .m-tabstyle1 li.u-active a{padding: 9px 4px;}

    .m-openspecial li a{padding: 0; text-align: center;}
    .m-openspecial li span{display: none;}

}
/*pad md*/
@media screen and (max-width: 991px ){
	.m-hot h1{font-size: 20px;}

	.m-hmbox{padding: 0; background: none;}
	.g-flash,.g-flash .owl-item,.g-flash img{height: 340px;}
	.g-flash .owl-item p{padding-left: 10px; height: 40px; line-height: 40px; font-size: 14px;}
	.g-flash .owl-pagination{bottom: 15px;}

	.g-news .m-tabstyle1 li span{display: none;}

	.m-datatabs{padding: 9px 7px 0;}
	.g-datapub{padding: 0 10px 10px;}

	.g-sdkbox{padding: 9px 10px 10px;}
	.m-openform,.u-opshtx{height: 34px;}
	.u-opshbtn{height: 32px; line-height: 32px;}

	.m-serviceitem .item li{margin-top: 5px;}
	.m-serviceitem .item li span{width: 50px; height: 50px; line-height: 50px; font-size: 22px;}
	.m-serviceitem .item li p{padding: 4px 0;}

	.m-interbtns li{height: 52px;}
	.m-interbtns a{line-height: 50px;}
	.m-interbtns span{margin-right: 8px; font-size: 20px; width: 20px; height: 20px; line-height: 20px;}

	.m-hmstbox{padding: 5px 10px 10px;}

	.m-openspecial .m-titstyle3{margin-bottom: 0;}
	.m-openspecial li{height: 52px;}
	.m-openspecial li a{line-height: 50px;}

	.m-peopleser .m-titstyle3{margin-bottom: 0;}

	.g-onesurvey{font-size: 14px;}

	.m-special{padding-bottom: 0;}


}
/*phone sm*/
@media screen and (max-width: 767px) {
    
    .m-jqadv{height:50px!important}
    .m-jqadv.visible-lg{display:block!important}
    .m-jqadv img{width:140%!important;margin-left:-20%!important;left:auto!important;height:50px!important}

}
/*small xs*/
@media screen and (max-width: 638px) {
    .g-flash,.g-flash .owl-item,.g-flash img{height: 220px;}

}